<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Image Map Editor</title>
	<!--[if gte IE 6]>
	<script type="text/javascript" src="jscripts/excanvas.js"></script>
	<![endif]-->
	<script type="text/javascript" src="../../../imgmap.js?"></script>
	<script type="text/javascript" src="jscripts/functions.js?"></script>
	<link rel="stylesheet" href="css/imgmap.css" type="text/css"/>
	<meta http-equiv="imagetoolbar" content="no"/>

</head>
<body>

	<form id="img_area_form">
		<fieldset>
			<legend>
				<a onclick="toggleFieldset(this.parentNode.parentNode)" fckLang="imgmapMap">Map</a>
			</legend>
			<div style="float: left">
				<label for="MapName" fckLang="imgmapMapName">Map name</label>
				<input type="text" id="MapName" value="" size="30" onchange="myimgmap.mapname = this.value"/>
			</div>

			<div style="float: right">
				<input type="button" id="remove" name="remove" fckLang="imgmapBtnRemove" value="Remove Map" onclick="removeMap();" class="Button" />
			</div>
		</fieldset>

		<fieldset>
			<legend>
				<a onclick="toggleFieldset(this.parentNode.parentNode)" fckLang="imgmapMapAreas">Image Map Areas</a>
			</legend>

			<div>
				<table cellspacing="0" width="100%">
				<tr>
				<td width="110">
				<div id="button_container" style="float: left;">
					<!-- buttons come here -->
					<a href="javascript:setMode('pointer')"><img src="images/pointer.png" alt="Pointer" id="imgpointer"></a>
					<a href="javascript:setMode('rect')"><img src="images/rect.png" alt="Rectangle" id="imgrect"></a>
					<a href="javascript:setMode('circle')"><img src="images/circle.png" alt="Circle" id="imgcircle"></a>
					<a href="javascript:setMode('poly')"><img src="images/poly.png" alt="Polygon" id="imgpoly"></a>
					<img src="images/delete.gif" id="imgmapDeleteArea" onclick="myimgmap.removeArea(myimgmap.currentid)" alt="Delete selected area" title="Delete selected area" style="margin: 0 2px; cursor: pointer;"/>
				</div>
				</td>
				<td>
					<label for="dd_zoom" fckLang="imgmapLabelZoom">Zoom</label>:
					<select onchange="gui_zoom(this)" id="dd_zoom">
					<option value='0.25'>25%</option>
					<option value='0.5'>50%</option>
					<option value='1' selected="1">100%</option>
					<option value='2'>200%</option>
					<option value='3'>300%</option>
					</select>
				</td>
				<td align="right" width="50%">
					<select onchange="changelabeling(this)">
					<option value='' fckLang="imgmapNoLabel">No labeling</option>
					<option value='%n' selected='selected' fckLang="imgmapLabelNumber">Label with numbers</option>
					<option value='%a' fckLang="imgmapLabelAlt">Label with alt text</option>
					<option value='%h' fckLang="imgmapLabelHref">Label with href</option>
					<option value='%t' fckLang="imgmapLabelTitle">Label with title</option>
					<option value='%c' fckLang="imgmapLabelCoords">Label with coords</option>
					</select>
				</td>
				</tr>
				</table>
			</div>

			<div id="properties" style="visibility:hidden;">
				<table cellspacing="0" cellpadding="0" border="0">
						<tr>
							<td width="100%">
								<label for="txtUrl" fcklang="DlgImgURL">URL</label><br>
								<input id="txtUrl" style="width: 100%" type="text" onchange="SetAreaUrl(this.value)" />
							</td>
							<td id="tdBrowse" nowrap="nowrap">
								<br>&nbsp;
								<input id="btnBrowse" onclick="BrowseServer();" type="button" value="Browse Server" fcklang="DlgBtnBrowseServer"  style="display:none"/>
							</td>
							<td><label for="cmbTarget" fckLang="DlgLnkTarget">Target</label><br>
								<select id="cmbTarget" onchange="SetTarget(this.value);">
									<option value="" fckLang="DlgGenNotSet" selected="selected">&lt;not set&gt;</option>
									<option value="_self" fckLang="DlgLnkTargetSelf">Same Window (_self)</option>
									<option value="_blank" fckLang="DlgLnkTargetBlank">New Window (_blank)</option>
									<option value="_top" fckLang="DlgLnkTargetTop">Topmost Window (_top)</option>
								</select>
						</tr>
						<tr>
							<td colspan="2">
								<label for="txtAlt" fcklang="DlgImgAlt">Short Description</label><br />
								<input id="txtAlt" style="width: 100%" type="text" onchange="SetAlt(this.value)" />
							</td>
							<td>
								<label for="txtAttTitle" fckLang="DlgGenTitle">Advisory Title</label><br />
								<input id="txtAttTitle" type="text" onchange="SetTitle(this.value)" />
							</td>
						</tr>

					</table>
			</div>

			<div id="status_container"></div>
		</fieldset>

		<fieldset>
			<legend>
				<a onclick="toggleFieldset(this.parentNode.parentNode)" fckLang="DlgImgPreview">Preview</a>
			</legend>
			<div id="pic_container">
			</div>			
		</fieldset>

	</form>
</body>
</html>
